import React, { useState } from 'react'

export default function App() {
  // 提供状态和修改状态的方法
  // 参数：代表默认值
  // 返回值：数组[初始数据，修改数据的方法]
  const [count, setCount] = useState(0)

  // !可以提取方法
  const handleClick = () => {
    setCount(count + 1)
  }
  return (
    <div>
      <h2>计数器：{count}</h2>
      {/* 下面写法不对，因为一上来就调用 setState 并不是我们期望的 */}
      {/* <button onClick={setCount(count + 1)}>+1</button> */}
      <button onClick={handleClick}>+1</button>
    </div>
  )
}
